/*
 * @Author: wuqiang
 * @Date: 2023-07-13 21:36:57
 * @LastEditors: wuqiang
 * @LastEditTime: 2023-11-12 19:43:59
 */
import React, { forwardRef, memo, useImperativeHandle, useState } from 'react'
import usePortal from 'react-useportal'
import './index.scss'

const RenewalModal = ((props: any) => {
  const {list, setVisible} = props;
  const { Portal } = usePortal()

  return (
    <Portal>
      <div className="comp-renewal-modal" onClick={() => setVisible(false)}>
        <div className="renewal_modal" onClick={(e) => {
          e.stopPropagation()
        }}>
          <h2>请选择保单号</h2>
          <div className='body'>
            {list.map((item,index) => {
              return <span key={index}>E13024536787652289</span>
            })}
          </div>
          <div className="btn">请选择上方您要续保的保单</div>
        </div>
      </div>
    </Portal>
  )
})

export default RenewalModal
